import { Button, Card, Form, Input, Space, Table } from 'antd'
import { ColumnsType } from 'antd/lib/table'
import React from 'react'
export default function HospitalSet() {
    const columns:ColumnsType<any> = [
        {
            title:'序号'
        },
        {
            title:'医院名称'
        },
        {
            title:'医院编号'
        },
        {
            title:'api基础路径'
        },
        {
            title:'签名'
        },
        {
            title:'联系人姓名'
        },
        {
            title:'联系人手机'
        },
        {
            title:'操作'
        }
    ]
    return (
        <Card>
            {/* 1. Form */}
            <Form
                layout='inline'
            >
                <Form.Item>
                    <Input placeholder='医院名称' />
                </Form.Item>
                <Form.Item>
                    <Input placeholder='医院编号' />
                </Form.Item>
                <Form.Item>
                    <Space>
                        <Button type='primary'>查询</Button>
                        <Button>清空</Button>
                    </Space>
                </Form.Item>
            </Form>
            {/* 2. button */}
            <Space className='mt'>
                <Button type='primary'>添加</Button>
                <Button disabled>批量删除</Button>
            </Space>
            {/* 3. Table */}
            <Table 
                className='mt'
                columns={columns}
            />
        </Card>
    )
}
